<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--    本地引入-->
    <script src="../vue/vue.js"></script>
</head>
<body>

<!--
    声明式编程  插值语法   {{}}
    vue应用构建的基本步骤
        1. 导入vue.js文件
        2. 创建初始化容器
        3. 创建vue实例
-->
<!-- 初始化容器-->
<div id="app">
    <h1>{{info}}</h1>
    <h2>hello python3</h2>
</div>


<!--
   了解vue实例的生命周期
    vue实例创建   ->   vue实例销毁
-->

<script>
    //  1. 创建vue实例
    let  vm = new Vue({
        el:'#app',  //  vue实例和容器绑定 简化写法  推荐
        template:`
           <div>
             <h1>{{info}}</h1>
             <h2>hello python</h2>
           </div>
        `,
        data:{
            info:'hello vue'
        }
    })
</script>


</body>
</html>
